<template>
  <div>
    <TypeNav />
    <ListContainer />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for='floor in floorList' :key='floor.id' :floor='floor' :id='floor.id' />
    <Brand />
  </div>
</template>

<script>
import ListContainer from './ListContainer';
import Recommend from './Recommend';
import Rank from './Rank';
import Like from './Like';
import Floor from './Floor';
import Brand from './Brand';
import { mapState } from 'vuex';
export default {
  name: 'Home',
  components: {
    ListContainer,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand
  },
  computed: {
    ...mapState('home',['floorList'])
  },
  mounted() {
    this.$store.dispatch('home/getFloorListDataActions');
  }
};
</script>

<style lang='less' scoped>
</style>